@import 'nib';
@import '_variables';
@import '_util/mixin';
@import '_util/grid';

global-reset();

input, button {
	margin: 0;
	padding: 0;

	&::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
}

@font-face {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	src: url(font-icon-path + '.eot?v=#' + font-icon-version);
	src: url(font-icon-path + '.eot?#iefix&v=#' + font-icon-version) format('embedded-opentype'), url(font-icon-path + '.woff?v=#' + font-icon-version) format('woff'), url(font-icon-path + '.ttf?v=#' + font-icon-version) format('truetype'), url(font-icon-path + '.svg#fontawesomeregular?v=#' + font-icon-version) format('svg');
}

html, body, #container {
	height: 100%;
	letter-spacing: 1px;
}

body {
	background: color-background;
	font: font-size font-sans;
	-webkit-text-size-adjust: 100%;
}

body::-webkit-scrollbar {
	width: 5px;
}

body::-webkit-scrollbar-thumb {
	background-color: #fcc;
}

img {
	max-height: 350px;
}

.outer {
	clearfix();
	max-width: (column-width + gutter-width) * columns + gutter-width;
	margin: 0 auto;
	padding: 0 gutter-width;
}

.inner {
	column(columns);
}

.left, .alignleft {
	float: left;
}

.right, .alignright {
	float: right;
}

.clear {
	clear: both;
}

#container {
	position: relative;
}

.mobile-nav-on {
	overflow: hidden;
}

#wrap {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s ease-out;
	z-index: 1;
	background: color-background;

	.mobile-nav-on & {
		left: mobile-nav-width;
	}
}

if (sidebar && (sidebar != bottom)) {
	#main {
		@media mq-normal {
			column(main-column);
		}
	}
}

if (sidebar == left) {
	@media mq-normal {
		#main {
			float: right;
		}
	}
}

#totop {
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	right: 35px;
	bottom: 100px;
	width: 30px;
	height: 40px;
	border-width: 0 7px 7px;
	background-color: btn-color;
	z-index: 100;
	color: white;
	box-shadow: 2px 2px 4px #ccc;
	cursor: pointer;

	&:hover {
		box-shadow: 2px 2px 4px #aaa;
	}
}

@import '_extend';
@import '_partial/header';
@import '_partial/article';
@import '_partial/comment';
@import '_partial/archive';
@import '_partial/footer';
@import '_partial/highlight';
@import '_partial/mobile';

if (sidebar) {
	@import '_partial/sidebar';
}